<%@ page import="cn.hx.entity.UserInfo" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/8/16
  Time: 14:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<nav class="navbar navbar-expand navbar-light navbar-bg">
    <a class="sidebar-toggle d-flex">
        <i class="hamburger align-self-center"></i>
    </a>

    <div class="navbar-collapse collapse">
        <ul class="navbar-nav navbar-align">
           <%-- <li class="nav-item dropdown">
                <a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
                    <div class="position-relative">
                        <i class="align-middle" data-feather="bell"></i>
                        <span class="indicator">4</span>
                    </div>
                </a>--%>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"
                     aria-labelledby="alertsDropdown">
                    <div class="dropdown-menu-header">
                        4 New Notifications
                    </div>
                    <div class="list-group">
                        <a href="#" class="list-group-item">
                            <div class="row no-gutters align-items-center">
                                <div class="col-2">
                                    <i class="text-danger" data-feather="alert-circle"></i>
                                </div>
                                <div class="col-10">
                                    <div class="text-dark">Update completed</div>
                                    <div class="text-muted small mt-1">Restart server 12 to complete the
                                        update.
                                    </div>
                                    <div class="text-muted small mt-1">30m ago</div>
                                </div>
                            </div>
                        </a>
                        <a href="#" class="list-group-item">
                            <div class="row no-gutters align-items-center">
                                <div class="col-2">
                                    <i class="text-warning" data-feather="bell"></i>
                                </div>
                                <div class="col-10">
                                    <div class="text-dark">Lorem ipsum</div>
                                    <div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate
                                        hendrerit et.
                                    </div>
                                    <div class="text-muted small mt-1">2h ago</div>
                                </div>
                            </div>
                        </a>
                        <a href="#" class="list-group-item">
                            <div class="row no-gutters align-items-center">
                                <div class="col-2">
                                    <i class="text-primary" data-feather="home"></i>
                                </div>
                                <div class="col-10">
                                    <div class="text-dark">Login from 192.186.1.8</div>
                                    <div class="text-muted small mt-1">5h ago</div>
                                </div>
                            </div>
                        </a>
                        <a href="#" class="list-group-item">
                            <div class="row no-gutters align-items-center">
                                <div class="col-2">
                                    <i class="text-success" data-feather="user-plus"></i>
                                </div>
                                <div class="col-10">
                                    <div class="text-dark">New connection</div>
                                    <div class="text-muted small mt-1">Christina accepted your request.</div>
                                    <div class="text-muted small mt-1">14h ago</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="dropdown-menu-footer">
                        <a href="#" class="text-muted">Show all notifications</a>
                    </div>
                </div>
            </li>
<%--            <li class="nav-item dropdown">--%>
<%--                <a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">--%>
<%--                    <div class="position-relative">--%>
<%--                        <i class="align-middle" data-feather="message-square"></i>--%>
<%--                    </div>--%>
<%--                </a>--%>
<%--                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"--%>
<%--                     aria-labelledby="messagesDropdown">--%>
<%--                    <div class="dropdown-menu-header">--%>
<%--                        <div class="position-relative">--%>
<%--                            4 New Messages--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="list-group">--%>
<%--                        <a href="#" class="list-group-item">--%>
<%--                            <div class="row no-gutters align-items-center">--%>
<%--                                <div class="col-2">--%>
<%--                                    <img src="${pageContext.request.contextPath}/img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle"--%>
<%--                                         alt="Vanessa Tucker">--%>
<%--                                </div>--%>
<%--                                <div class="col-10 pl-2">--%>
<%--                                    <div class="text-dark">Vanessa Tucker</div>--%>
<%--                                    <div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu--%>
<%--                                        tortor.--%>
<%--                                    </div>--%>
<%--                                    <div class="text-muted small mt-1">15m ago</div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a href="#" class="list-group-item">--%>
<%--                            <div class="row no-gutters align-items-center">--%>
<%--                                <div class="col-2">--%>
<%--                                    <img src="${pageContext.request.contextPath}/img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle"--%>
<%--                                         alt="William Harris">--%>
<%--                                </div>--%>
<%--                                <div class="col-10 pl-2">--%>
<%--                                    <div class="text-dark">William Harris</div>--%>
<%--                                    <div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.--%>
<%--                                    </div>--%>
<%--                                    <div class="text-muted small mt-1">2h ago</div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a href="#" class="list-group-item">--%>
<%--                            <div class="row no-gutters align-items-center">--%>
<%--                                <div class="col-2">--%>
<%--                                    <img src="${pageContext.request.contextPath}/img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle"--%>
<%--                                         alt="Christina Mason">--%>
<%--                                </div>--%>
<%--                                <div class="col-10 pl-2">--%>
<%--                                    <div class="text-dark">Christina Mason</div>--%>
<%--                                    <div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>--%>
<%--                                    <div class="text-muted small mt-1">4h ago</div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a href="#" class="list-group-item">--%>
<%--                            <div class="row no-gutters align-items-center">--%>
<%--                                <div class="col-2">--%>
<%--                                    <img src="${pageContext.request.contextPath}/img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle"--%>
<%--                                         alt="Sharon Lessman">--%>
<%--                                </div>--%>
<%--                                <div class="col-10 pl-2">--%>
<%--                                    <div class="text-dark">Sharon Lessman</div>--%>
<%--                                    <div class="text-muted small mt-1">Aenean tellus metus, bibendum sed,--%>
<%--                                        posuere ac, mattis non.--%>
<%--                                    </div>--%>
<%--                                    <div class="text-muted small mt-1">5h ago</div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </div>--%>
<%--                    <div class="dropdown-menu-footer">--%>
<%--                        <a href="#" class="text-muted">Show all messages</a>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </li>--%>
            <li class="nav-item dropdown">
                <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
                    <i class="align-middle" data-feather="settings"></i>
                </a>
                <%UserInfo userInfo = (UserInfo) request.getSession().getAttribute("userInfo");%>
                <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="" data-toggle="dropdown">
                    <img src="${pageContext.request.contextPath}/img/avatars/avatar-4.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall"/>
                    <span class="text-dark"><%=userInfo!=null?userInfo.getName():null%></span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
<%--                    <a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1"
                                                                          data-feather="user"></i> Profile</a>
                    <a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i>
                        Analytics</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#"><i class="align-middle mr-1"
                                                         data-feather="help-circle"></i> Help Center</a>--%>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="${pageContext.request.contextPath}/index">返回首页</a>
                </div>
            </li>
        </ul>
    </div>
</nav>